﻿@*@model KhatVongViet.Models.Article*@
@model List<KhatVongViet.Models.Article>
@{
    
    <div class="box-tinnoibat-main">
        <div class="box-tinnoibat-image-chinh">
            <a href="/Home/DetailArticle?idArticle=@Model[0].ID" >
                <img src=@Model[0].Image />
            </a>
        </div>
        <div class="box-tinnoibat-text-chinh">
            <div class="box-tinnoibat-text-tieudechinh ">
                <a href="/Home/DetailArticle?idArticle=@Model[0].ID" class="titlelink-main">
                    @Model[0].Title
                </a>  
            </div>
            <div class="box-tinnoibat-text-tieude-gioithieu" style="border-bottom: 1px dashed #636363;">
                @Model[0].Summary
            </div>
            @for(int i=1;i<Model.Count;i++)
            {
            <div class="box-tinnoibat-main" style=" width:150px;height:210px ;float:left; margin-left:-2px">
                <div class="box-tinnoibat-image-chinh" style="float:left; width: 140px; height:100px; margin-right:4px;">
                    <a href="/Home/DetailArticle?idArticle=@Model[i].ID" >
                        <img style="width:140px; height:100px;" src=@Model[i].Image />
                    </a>
                </div>
                <div class="box-tinnoibat-text-chinh" style=" width:250px;">
                    <div class="box-tinnoibat-text-tieudechinh" style=" width:140px; max-height : 80px;font-size:13px; margin-bottom:5px;text-align:justify">
                        <a href="/Home/DetailArticle?idArticle=@Model[i].ID" class="titlelink-main">
                            @Model[i].Title
                        </a>  
                    </div>
                </div>
            </div>
            }
        </div>
    </div>
    
}
